.wrap{
	max-width:945px;
	margin:0 auto;
	
}
/* -------------------头部 开始--------------------- */
@keyframes logo {  
	0%{ 
		opacity:0;
		transform:translate(-20px,-30px);
	}
}
header{
	min-height:135px;
	background:#bc0a2f;
	padding-top:44px;
	overflow:hidden;
	.left{
		height:70px;
		float:left;
		-webkit-animation: logo 0.8s;
	    animation: logo 0.8s;
		img{
			/*width:406px;*/
			max-width:100%;
			max-height:100%;
			vertical-align:middle;
		}
	}
	.right{
		img.logo2{
			float:right;
			max-width:380px;
			max-height:44px;
			margin-top:10px;
		}
	}
	 #searchform{
		width:250px;
		height:28px;
		margin:20px auto;
		float:right;
		animation:nav-input 1s;
		@keyframes nav-input{
			0%{
				opacity:0;
				transform:translate3d(20px,-40px,0);
			}
		}
		fieldset{
			padding:0px;
			border:none;
			margin:0px;
		}
		 input[type="text"]{
			background:#fff;
			border:none;
			float:left;
			/*padding:0px 10px 0px 15px;*/
			margin:0px;
			width:160px;
			height:28px;
			line-height:28px;
			border-top-left-radius:15px;
			border-bottom-left-radius:15px;
			transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
			-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
			-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
			-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
			color:#585858;
			font-size:14px;
			text-indent:2em;
			outline:none;
		} 
		 input[type="text"]:hover, #searchform input[type="text"]:focus{
			width:200px;
		} 
		 span.submit{
			cursor:pointer;
			margin:0px;
			padding:0px;
			width:42px;
			height:29px;
			line-height:29px;
			border-top-right-radius:15px;
			border-bottom-right-radius:15px;
			padding-left:8px;
		} 
		span.submit{
			color:#fff;
			text-transform:uppercase;
			border:none;
			font-size:20px;
			cursor:pointer;
			float:left;
			overflow:visible;
			transition: all .3s linear;
			-moz-transition: all .3s linear;
			-o-transition: all .3s linear;
			-webkit-transition: all .3s linear;
		}
		span.submit:hover{
		 	background-color:#860721;
		 }
		span.submit{
			background-color:#860721;
		} 
	} 
	
}
@media (max-width:769px){
	header{
		padding-top:20px;
		.left,.right{
			height:50px;
		}
	}
	header #searchform{
		float:right;
		margin:20px auto;
	}
}
@media (max-width:477px){
	header #searchform{
		float:none;
		margin:20px auto;
	}
}
/* -------------------头部 结束--------------------- */


/* ------------------- 导航 开始 --------------------- */
nav{
	height:50px;
	background:#f99;
	z-index:1;
	.right{
		float:right;
		animation:nav-right 1s;
		@keyframes nav-right {  
		0%{ opacity:0;transform:translate(50px,0px); }
		}
		li{
			float:left;
			margin:0 10px;
			font-size:12px;
			margin:0 15px;
			a{
				position: relative;
				display: inline-block;
				color:#fff;
				height:50px;
				line-height:50px;
				transition:.3s all;
				&::before,&::after{
					display: block;
					position: absolute;
					font-size: 13px;
					top: -1px;
					opacity:0;
					transition:.3s all;
				}
				&::before{
					left: -2px;
					content:'[';
				}
				&::after{
					right: -2px;
					content:']';
				}
			}
			a:hover{
				&::before{
					opacity:1;
					left: -7px;
				}
				&::after{
					opacity:1;
					right: -7px;
				}
			}
		}
	}
}
.navbar{
	margin-bottom:0;
	border-bottom:1px soild #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
	background:rgba(151,50,48,.7);
	color:#fff;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
	background:rgba(0,0,0,.3);
  	/*background:#8e0f0c;*/
	color:#fff;
}
.navbar-default .navbar-nav>li>a{
	color:#fff;
}
.navbar-default .navbar-nav>li>a:hover{
	background:rgba(151,50,48,.7);
  	/*background:#8e0f0c;*/
	color:#fff;
}
.navbar-default{
	background:#bc0a2f;
	border:none;
	border-radius:0;
}
.container-fluid{
	padding:0 !important;
}
.navbar-collapse{
	padding:0 !important;
}
.navbar-toggle{
	padding:5px;color:#fff;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover{
	padding:5px;color:#666;
	background:none;
	border-color:#666;
}
.navbar-header{
	background:#bc0a2f;
}
/*------------- menu5 animation -------------------*/
.menu5{
	position:absolute;
	width:108px;
}
.menu5 li a {
  text-decoration: none;
  color: #ffe;
  text-transform: capitalize;
  font-family: monospace;
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  transition: background-color 0.5s ease-in-out;
  font-family: "Raleway", sans-serif;
  text-align:center;
  border-top:1px solid #f8f8f8;

}
.drop{
	z-index: -1;
	transform-style: perserve-3d;
	perspective:1000px;
}
.drop li {
  opacity:0;
  transform-origin: top center;
}

.drop li a {
    color: #fff;
    padding: 10px 5px;
    line-height: 24px;
    background-color: rgba(203, 0, 10, 0.7);
}
.drop li a:hover{
	background:rgba(0,0,0,.3);
}
/*------------- menu5 animation -------------------*/
nav:hover{
	z-index: 3;
}
.dropdown:hover .menu5 li{
	filter:alpha(opacity=100);
}
.dropdown:hover .menu5 li:nth-of-type(1) {
	animation: rotateIn .8s both;
}
.dropdown:hover .menu5 li:nth-of-type(2) {
	animation: rotateIn 1s both;
}

.dropdown:hover .menu5 li:nth-of-type(3) {
	animation: rotateIn 1.2s both;
}

.dropdown:hover .menu5 li:nth-of-type(4) {
	animation: rotateIn 1.4s both;
}

@keyframes rotateIn {
  0% {
	opacity: 0;
	transform:rotateX(-50deg) rotateY(135deg) rotateZ(15deg) translate(0px,15px);
  }
  100% {
    opacity: 1;
    transform:rotateX(0) rotateY(0) rotateZ(0) translate(0px,0);
  }
}
@media (max-width:890px){
	#example-navbar-collapse{
		.right{
			display:none;
		}
	}
}
@media (max-width:769px){
nav{
	height:30px;
	z-index: 3;
}
.navbar{
	min-height:30px !important;
}
.navbar-toggle{
	border:none;
	margin-top:0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#222;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
	background:#f8f8f8;
	color:#222;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
	background:rgba(0,0,0,.3);
  	background:#8e0f0c;
	color:#222;
}
.navbar-default .navbar-nav>li>a{
	color:#222;
	font-size:14px;
}
.navbar-default:hover .navbar-nav>li>a:hover{
	background:rgba(0,0,0,.3);
  	/*background:#8e0f0c;*/
	/*color:#222;*/
}
#example-navbar-collapse{
	text-align:center;
	background:#f8f8f8;
	.right{
		display:none;
	}
	li{
		/*border-bottom:1px solid #f8f8f8;*/
	}
	.menu5{
		position:static;
		width:100%;
		text-align:center;
	}
	.dropdown-menu{
		text-align:center;
		a{
			color:#999;
		}
	}
}
}

/* ------------------- 导航 结束 --------------------- */

#banner{
	position: relative;
	z-index: 2;
	overflow:hidden;
	width:100%;
	a{
		img{
			width:100%;
			max-height:100%;
			transform: translate(0,0);
			transition:all .2s ease-in 0s;
			
		}
		img:hover{
			filter:alpha(opacity=85);
			-moz-opacity:0.85;opacity:0.85;
			transition:1s; transform:scale(1.05);
			-webkit-transform:scale(1.05);
		}
		/* img:hover{
			-webkit-animation:bbb 2s infinite;
			-moz-animation:bbb 2s infinite;
			-ms-animation:bbb 2s infinite;
			-o-animation:bbb 2s infinite;
			
		} */
		@keyframes bbb{
			0%{
				transform: scale(1)
			}
			50%{

				transform:scale(1.1)
			}
			100%{
				transform:scale(1.1)
			}
		}
	}
}

 #footer{
	min-height:226px;
	width:100%;
	float:left;
	.footer_top{
		min-height:155px;
		background:#bc0a2f;
		padding-top:24px;
		ul{
			li{
				font:12px/20px ' ';
				color:#fff;
			}
		}
		.img_box{
			img{
				width:100px;
				height:100px;
				display:block;
				margin:0 auto;
			}
			
		}
	}
	.footer_bottom{
		height:72px;
		background:#313131;
		text-align:center;
		color:#fff;
		font:12px/72px ' ';
	}
} 
@media(max-width:769px){
#footer{
	.footer_top{
		.img_box{
			img{
				display:none;
			}
			
		}
	}
}
}
.navbar-nav{
	-webkit-animation: nav-left 1s;
    animation: nav-left 1s;
}
@keyframes nav-left {  
	0%{ opacity:0;transform:translate(-50px,0px); }
}